<template>
  <div id="mydog">
    <!-- 使用 -->
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
    <Dog1/>
  </div>
</template>

<script>
//导入
import Dog1 from './components/Dog1.vue'
export default {
components:{
  //注册
  Dog1,
},
}
</script>

<style>
#mydog {
  display: flex;
  flex-wrap: wrap;
}
</style>